<#import '/ftlLibrary/properteisVariable.ftl' as pv/>
<link href="assets/css/bootstrap-select.css" rel="stylesheet" />
<script src="assets/js/select2/select2.js"></script>
<div class="row">
	<!-- 映射列表 -->
	<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" id="leftTree">
		<div class="widget flat radius-bordered">
			<div class="widget-header bg-sky theme">
				<span class="widget-caption">预约课程\活动列表</span>
			</div>
			<div class="widget flat searchCriteria">
                <div class="widget-header bordered-bottom bordered-sky theme-bordered">
                    <span class="widget-caption">筛选区</span>
                    <div class="widget-buttons">
                   		<!-- 业务按钮 begin -->
                   		<label class="businessBtns">
	                   		<button class="btn btn-info shiny search"><i class="fa fa-search"></i>搜索</button>
							<button class="btn btn-success shiny add" serializeNum="${serializeNum}" editUrl="${editUrl}"><i class="fa fa-plus"></i>新增</button>
							<button class="btn btn-magenta shiny update" serializeNum="${serializeNum}" editUrl="${editUrl}"><i class="fa fa-pencil"></i>修改</button>
							<button class="btn btn-danger shiny batchDelete" serializeNum="${serializeNum}" batchDeleteUrl="${batchDeleteUrl}"><i class="fa fa-pencil"></i>删除</button>
							<button class="btn btn-palegreen shiny download"><i class="fa fa-download"></i>导出</button>
                   		</label>
                   		<!-- 业务按钮 end -->
                   		<!-- 面板控制按钮 begin -->
                        <a href="#" data-toggle="collapse"><i class="fa red fa-minus"></i></a>
                        <a href="#" data-toggle="config"><i class="fa red fa-cog"></i></a>
                   		<!-- 面板控制按钮 end -->
                    </div><!--Widget Buttons-->
                </div><!--Widget Header-->
                <div class="widget-body" style="display: block;">
                    <div class="search_Bar">
						<form id="${searchFormId}" action="${actionUrl}" method="POST">
							<table class="searchAreaTable">
								<tbody>
									<tr>
										<!-- 条件属性,所有条件放在一行,系统自动计算每一行展示的条件属性个数 -->
										<th><label>预约类型 1 课程 2活动</label></th>
										<td><input type="text" name="type" value="${search_map.type[0]}"></td>
										<th><label>宝宝姓名</label></th>
										<td><input type="text" name="name" value="${search_map.name[0]}"></td>
										<th><label>联系方式</label></th>
										<td><input type="text" name="contractPhone" value="${search_map.contractPhone[0]}"></td>
										<th><label>年龄</label></th>
										<td><input type="text" name="age" value="${search_map.age[0]}"></td>
										<th><label>课程或者活动id</label></th>
										<td><input type="text" name="courceOrActivityId" value="${search_map.courceOrActivityId[0]}"></td>
										<th><label>家长id</label></th>
										<td><input type="text" name="parentId" value="${search_map.parentId[0]}"></td>
										<th><label>处理状态</label></th>
										<td><input type="text" name="disposeStatus" value="${search_map.disposeStatus[0]}"></td>
										<th><label>跟进备注</label></th>
										<td><input type="text" name="followUpRemark" value="${search_map.followUpRemark[0]}"></td>
										<th><label>申请时间</label></th>
										<td>
											<div class="beginValueDiv">
												<input id="d4311" type="text" name="createTime_begin" class="beginValue Wdate" value="${search_map.createTime_begin[0]}"
												onFocus="WdatePicker({doubleCalendar:true,maxDate:'#F{$dp.$D(\'d4312\')}',dateFmt:'yyyy-MM-dd HH:mm:ss'})" placeholder="起始时间" >
											</div>
											<div class="endValueDiv">
												<input id="d4312"  type="text" name="createTime_end" class="endValue Wdate"  value="${search_map.createTime_begin[0]}"
												onFocus="WdatePicker({doubleCalendar:true,minDate:'#F{$dp.$D(\'d4311\')}',dateFmt:'yyyy-MM-dd HH:mm:ss'})" placeholder="结束时间" >
											</div>
										</td>
										<th><label>版本</label></th>
										<td><input type="text" name="version" value="${search_map.version[0]}"></td>
									</tr>
								</tbody>
							</table>
						</form>
					</div>
               </div><!--Widget Body-->
            </div><!--Widget-->
			<div class="widget-body no-padding">
				<div class="topPagingBar">
					${pagingBar}
				</div>
				<div class="table-scrollable">
					<!-- 数据表列信息列表 -->
					<table class="table table-bordered dataTable">
						<thead>
							<tr>
								<th title="选择" class="checkboxColumnTh fixedColumn " fixed-align="left">
									<div class="checkbox">
	                                    <label>
	                                        <input type="checkbox" class="chkAll">
	                                        <span class="text"></span>
	                                    </label>
	                                </div>
								</th>
								<th title="属性名">序号</th>
								<th title=""></th>
								<th title="预约类型 1 课程 2活动">预约类型 1 课程 2活动</th>
								<th title="宝宝姓名">宝宝姓名</th>
								<th title="联系方式">联系方式</th>
								<th title="年龄">年龄</th>
								<th title="课程或者活动id">课程或者活动id</th>
								<th title="家长id">家长id</th>
								<th title="处理状态">处理状态</th>
								<th title="跟进备注">跟进备注</th>
								<th title="申请时间">申请时间</th>
								<th title="版本">版本</th>
								<th class="fixedColumn" style="width: 100px">操作</th>
							</tr>
						</thead>
						<tbody>
							<#if page_bean.list?size==0>
								<tr>
									<td align="center">无数据</td>
								</tr>
							</#if>
							<#list page_bean.list as data>
								<tr>
									<td class="checkboxColumnTd">
										<div class="checkbox">
		                                    <label>
		                                        <input type="checkbox" class="chk"  name="id" value="${data.id}">
		                                        <span class="text"></span>
		                                    </label>
		                                </div>
									</td>
									<td>${data_index+1+(page_bean.pageNo-1)*page_bean.pageSize}</td>
									<td>${(data.id???string(data.id?html,"未设置"))!'未设置'}</td>
									<td>${(data.type???string(data.type?html,"未设置"))!'未设置'}</td>
									<td>${(data.name???string(data.name?html,"未设置"))!'未设置'}</td>
									<td>${(data.contractPhone???string(data.contractPhone?html,"未设置"))!'未设置'}</td>
									<td>${(data.age???string(data.age?html,"未设置"))!'未设置'}</td>
									<td>${(data.courceOrActivityId???string(data.courceOrActivityId?html,"未设置"))!'未设置'}</td>
									<td>${(data.parentId???string(data.parentId?html,"未设置"))!'未设置'}</td>
									<td>${(data.disposeStatus???string(data.disposeStatus?html,"未设置"))!'未设置'}</td>
									<td>${(data.followUpRemark???string(data.followUpRemark?html,"未设置"))!'未设置'}</td>
									<td>${(data.createTime???string(data.createTime?html,"未设置"))!'未设置'}</td>
									<td>${(data.version???string(data.version?html,"未设置"))!'未设置'}</td>
									<td align="center">	
									<a class="btn btn-default btn-xs icon-only green update" href="javascript:void(0);"  serializeNum="${serializeNum}" editUrl="${editUrl}" targetDataId="${data.id}"><i class="fa  fa-edit"></i></a>
									<a class="btn btn-default btn-xs icon-only red delete" href="javascript:void(0);"   serializeNum="${serializeNum}" deleteUrl="${deleteUrl}" targetDataId="${data.id}"><i class="fa fa-trash-o"></i></a>
									</td>
								</tr>
							</#list>
						</tbody>
					</table>
				</div>
				 ${pagingBar}
			</div>
		</div>
	</div>
</div>
<script>
$(".selectpicker").select2();
</script>